<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="./public/admin/bootstrap/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="./public/admin/bootstrap/css/bootstrap-responsive.min.css"/>
		<script src="bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="./public/admin/css/content.css"/>
		<link rel="stylesheet" type="text/css" href="./public/admin/css/header.css"/>
		<link rel="stylesheet" type="text/css" href="./public/admin/css/footer.css"/>		
		
		<script src="./public/admin/js/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
		<title></title>
	</head>
	<body>
		

<header>
			<script type="text/javascript">
//			alert(2);
				$(function(){
					$('.top_left').hover(
						function(){
						$('.dis_top').css({display:"block"});
						$('.top_left').css({background:"#dcdcdc"});
					},
						function(){
						$('.dis_top').css({display:"none"});
						$('.top_left').css({background:"#f4f4f4"});
					});										
				})
			</script>
			<div class="top">
				<div class="top_w">	
					<div class="top_left">
						 <a href="http://localhost/YOHOK/index.php?m=Home&c=Index&a=index" class="top_left_a">YOHO!有货</a>
						 <ul class="dis_top">
						 	<li><a href="">YOHO!</a></li>
						 	<li><a href="">YOHO!BOYS</a></li>
						 	<li><a href="">YOHO!GIRLS</a></li>
						 	<li><a href="">YOHO!SHOW</a></li>
						 	<li><a href="">YO'HOOD</a></li>
						 </ul>
					</div>
						
					 <div class="top_right">
					 	                						 	
					 	Hi~k3<a href="http://localhost/YOHOK/index.php?m=Home&c=Login&a=out">[退出]</a>
					 							 <a href="http://localhost/YOHOK/index.php?m=Home&c=userCenter&a=information&uid=14"><span>|</span>MY有货</a>
						 <a href="http://localhost/YOHOK/index.php?m=Home&c=Usercenter&a=orderList"><span>|</span>我的订单</a>
						 <a href=""><span>|</span>我的收藏</a>
						 <a href=""><span>|</span>消息</a>
						 <a href=""><span>|</span>手机版</a>
					 </div>
				 </div>
			</div>
			<div class="nav">
				<div class="nav_w">
					<ul>
						<li style="background: #3a3a3a; ">
							<a class="nav_a1" href="" style="color: #fff;">男生</a>
							<a class="nav_a2" href="" style="color: #fff;">BOYS</a>
						</li>
						<li>
							<a class="nav_a1" href="">女生</a>
							<a class="nav_a2" href="">GIRLS</a>
						</li>
						<li>
							<a class="nav_a1" href="">潮童</a>
							<a class="nav_a2" href="">KIDS</a>
						</li>
						<li>
							<a class="nav_a1" href="">创意生活</a>
							<a class="nav_a2" href="">LIFE STYLE</a>
						</li>
					</ul>
					<div class="banner"></div>
					<div class="search">
						<input class="searchinput" type="text" name="" id="" value="" />
						<a href="" class="iconsearch"></a>
						<span >
															<div class="shopping">
									<span id="ic-infomation">0</span>
									<div class="gobuy-empty">
										<h3 class="information">您的购物车暂无商品</h3>
									</div>
								</div>
							
               						</span>
					</div>
				</div>
				<script type="text/javascript">
					$(function(){
						$('.shopping').hover(
							function(){
								$(this).children(".gobuy-empty").css({display:"block"});
							},
							function(){
								$(this).children(".gobuy-empty").css({display:"none"});
							}
						);
						

					})
				</script>
				<script type="text/javascript">
					$(function(){

					})
				</script>
				<div class="nav_leader">
					<ul>
												<li id="dis_li" >
							<a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=15" cname="新品到着">新品到着</a>
							                
													</li>
												<li id="dis_li" >
							<a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=16" cname="品牌一览">品牌一览</a>
							                
													</li>
												<li id="dis_li" >
							<a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=17" cname="服饰">服饰</a>
														<div class="dis_leader" id="dis">
								<div class="dis_le1">
																		<div class="dis_list" >
										<ul><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=26" style="color: #000;"><b>上装</b></a>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=35" style="color: #000;">T恤</a></li>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=36" style="color: #000;">POLO衫</a></li>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=37" style="color: #000;">背心</a></li>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=38" style="color: #000;">西装</a></li>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=39" style="color: #000;">卫衣</a></li>
																					</ul>
									</div>
																		<div class="dis_list" >
										<ul><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=27" style="color: #000;"><b>下装</b></a>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=40" style="color: #000;">休闲</a></li>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=41" style="color: #000;">牛仔</a></li>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=42" style="color: #000;">短裤</a></li>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=43" style="color: #000;">运动裤</a></li>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=44" style="color: #000;">西裤</a></li>
																					</ul>
									</div>
																		<div class="dis_list" >
										<ul><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=45" style="color: #000;"><b>热门品牌</b></a>
																					</ul>
									</div>
																		<div class="dis_list">
										<img src="./public/admin/images/banner7.jpg"/>
									</div>
								</div>
							</div>
							
               						</li>
												<li id="dis_li" >
							<a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=18" cname="鞋履">鞋履</a>
														<div class="dis_leader" id="dis">
								<div class="dis_le1">
																		<div class="dis_list" >
										<ul><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=28" style="color: #000;"><b>经典鞋履</b></a>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=58" style="color: #000;">雕花鞋</a></li>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=59" style="color: #000;">豆豆鞋</a></li>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=60" style="color: #000;">牛津鞋</a></li>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=61" style="color: #000;">德比鞋</a></li>
																					</ul>
									</div>
																		<div class="dis_list" >
										<ul><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=29" style="color: #000;"><b>热门鞋型</b></a>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=53" style="color: #000;">帆布鞋</a></li>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=54" style="color: #000;">板鞋</a></li>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=55" style="color: #000;">复古跑鞋</a></li>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=56" style="color: #000;">懒人鞋</a></li>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=57" style="color: #000;">篮球鞋</a></li>
																					</ul>
									</div>
																		<div class="dis_list" >
										<ul><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=46" style="color: #000;"><b>热门品牌</b></a>
																					</ul>
									</div>
																		<div class="dis_list">
										<img src="./public/admin/images/banner7.jpg"/>
									</div>
								</div>
							</div>
							
               						</li>
												<li id="dis_li" >
							<a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=19" cname="包袋">包袋</a>
														<div class="dis_leader" id="dis">
								<div class="dis_le1">
																		<div class="dis_list" >
										<ul><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=30" style="color: #000;"><b>经典包袋</b></a>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=51" style="color: #000;">双肩包</a></li>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=52" style="color: #000;">腰包</a></li>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=62" style="color: #000;">电脑包</a></li>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=63" style="color: #000;">钱包</a></li>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=64" style="color: #000;">手领包</a></li>
																					</ul>
									</div>
																		<div class="dis_list" >
										<ul><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=31" style="color: #000;"><b>热门包袋</b></a>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=49" style="color: #000;">mini包</a></li>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=50" style="color: #000;">旅行箱</a></li>
																					</ul>
									</div>
																		<div class="dis_list" >
										<ul><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=47" style="color: #000;"><b>热门品牌</b></a>
																					</ul>
									</div>
																		<div class="dis_list">
										<img src="./public/admin/images/banner7.jpg"/>
									</div>
								</div>
							</div>
							
               						</li>
												<li id="dis_li" >
							<a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=20" cname="配饰·其他">配饰·其他</a>
														<div class="dis_leader" id="dis">
								<div class="dis_le1">
																		<div class="dis_list" >
										<ul><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=32" style="color: #000;"><b>服配</b></a>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=65" style="color: #000;">眼镜</a></li>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=66" style="color: #000;">帽子</a></li>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=67" style="color: #000;">袜子</a></li>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=68" style="color: #000;">手表</a></li>
																					</ul>
									</div>
																		<div class="dis_list" >
										<ul><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=33" style="color: #000;"><b>首饰</b></a>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=69" style="color: #000;">戒指</a></li>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=70" style="color: #000;">耳钉</a></li>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=72" style="color: #000;">手链</a></li>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=73" style="color: #000;">项链</a></li>
																					</ul>
									</div>
																		<div class="dis_list" >
										<ul><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=34" style="color: #000;"><b>配饰</b></a>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=74" style="color: #000;">皮带/腰带</a></li>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=75" style="color: #000;">胸针/胸章</a></li>
																						<li><a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=77" style="color: #000;">手机链/钥匙扣</a></li>
																					</ul>
									</div>
																		<div class="dis_list">
										<img src="./public/admin/images/banner7.jpg"/>
									</div>
								</div>
							</div>
							
               						</li>
												<li id="dis_li" >
							<a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=21" cname="领券中心">领券中心</a>
							                
													</li>
												<li id="dis_li" >
							<a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=22" cname="逛">逛</a>
							                
													</li>
												<li id="dis_li" >
							<a href="http://localhost/YOHOK/index.php?m=Home&c=List&a=index&cid=23" cname="SALE">SALE</a>
							                
													</li>
											</ul>
				</div>

			</div>
		</header>
		
		<script type="text/javascript">
			$(function(){
				$('.s_img').click(function(){
					var c = $(this).attr('src');
					$('.m_img').attr('src',c );
					$('.bigImg').attr('src',c );
								
				})													
							
			})
		</script>
		
		<article>
			<div class="banner">
				<div class="logo">
					<img src="./public/admin/images/content/c_banner.png"/>
				</div>								
			</div>
			
			<div class="leader">
				<p >					
				<a href="">BOYS首页</a> 
				&gt<a href="">鞋靴</a>
				&gt<a href="">休闲/运动鞋</a>
				&gt<a href=""><?php echo $shoeData[0]['gname']?></a>
				</p>
			</div>
			
			<div class="jieshao">
				<div class="big_p">
					<img class="m_img" src="<?php echo $shoeData[0]['photo'][0]?>" alt="" style="width: 420px; height: 560px;"/>
					<div class="box"></div>
						<div class="gaiz"></div>
						 <!--右侧大图-->
						 <div class="bigbox">
						 	<!--<img src="<?php echo $shoeData[0]['photo'][0]?>" alt=""  class="bigImg" style="width: 840px; height: 1120px;"  />-->
						 </div>
				</div>
				<div class="sm_p" >
					<?php foreach ($shoeData[0]['photo'] as $k=>$v){?>
					<p>
					<img class="s_img" src="<?php echo $v?>"/>
					</p>
					<?php }?>
				</div>
				<div class="shuju">
					<form action="" method="post" enctype="multipart/form-data">
						
					
					<p class="name"><?php echo $shoeData[0]['gname']?></p>

					<a href="" class="brand-name"><?php echo $brand?></a>
					<p style="margin-top: 5px;"><span style="color:#999;font-size: 12px;">促销价：</span> 
						<span  style="   color: #000;font-size: 22px;line-height: 24px;font-weight: 700;">¥<?php echo $shoeData[0]['shopprice']?>.00</span></p>

					<p class="vip-price" >市场价：<del>¥<?php echo $shoeData[0]['marketprice']?>.00</del></p>
					<img src="./public/admin/images/content/c_sm_2.png"/>
					<hr>
					
					<?php foreach ($shoeData as $k=>$v){?>
					<p class="chose-size" ">
						<span>选<?php echo $v['taname']?>：</span>
						 <?php foreach ($v['sonData'] as $kk=>$vv){?>
						<a class='zuhe' href="javascrippt:; " gaid="<?php echo $vv['gaid']?>" taname="<?php echo $v['taname']?>" value="<?php echo $vv['ganame']?>"><?php echo $vv['ganame']?></a>
						<?php }?>
					</p>
					<?php }?>	
					<p class="chose-inventory">(库存: )</p>						
					<p class="change-num">
						选数量:<input type="button" id="raduce-num" value="-" style="width:20px;background: #ccc;border: 0;"/>
						<input type="text" class="chose-num" name="num" id="" value="1" style="margin-bottom: 0px;text-align: center;"/>
						<input type="button" id="add-num" value="+" style="width:20px;background: #ccc;border: 0;"/>
						</p>


					<div class="">
						<input type="hidden" name="combine" id="combine" value="" />											
						<input type="hidden" name="gid" id="" value="<?php echo Q('get.gid',0,'intval')?>" />											
					<input href="" class="addshop" type="submit"  value="添加到购物车"><a href="" class="collect">收藏商品</a>
					</div>
					<p class="share">分享商品:</p>
					<div class="dis_ipt"></div><div class="dis_ipt1"></div>
					</form>
				</div>
				<div id="neirong" >
					<div class="">
						<p >商品信息</p>
						<p>
							<?php foreach ($shoeAttrData as $k=>$v){?>
							<span><?php echo $v['taname']?>：<?php echo $v['ganame']?></span>
							<?php }?>
						</p>
					</div>
					<?php echo $shoeData[0]['intro']?>
					<?php echo $shoeData[0]['service']?>
				</div>
				
			</div>
			
			<br />

				
			
		</article>
<script type="text/javascript">
		$(function(){
								
			$('.chose-size a[taname="颜色"]').click(function(){
							$(this).css({border:"1px solid #000"}).siblings().css({border:"1px solid #eaeceb"});
									
							 colorgaid=$(this).attr('gaid'); 	
									
							var attr='';
							attr+='<input type="hidden"  name="color"  value="'+colorgaid+'" />';
							$('.dis_ipt').html(attr);
//							alert(colorgaid);
								})		
								
							$('.chose-size a[taname="尺码"]').click(function(){
									$(this).css({border:"1px solid #000"}).siblings().css({border:"1px solid #eaeceb"});
									
									 sizegaid=$(this).attr('gaid'); 	
									
									var attr='';
									attr+='<input type="hidden"  name="size"  value="'+sizegaid+'" />';
									$('.dis_ipt1').html(attr);
//									alert(sizegaid);
								})																				
								
								$('.zuhe').click(function(){
									var combine=colorgaid+','+sizegaid;
//									alert(combine);	
									$('input[name=combine]').val(combine);	
									
									$.ajax({
										type:"post",
										url:"<?php echo U('getCombine',array('gid'=>$_GET['gid']))?>",
										data:{combine:combine},
										dataType:'json',
										success:function(phpData){
//											alert(phpData);
											if(phpData==null){
												phpData=0;
												var attr='';
												attr+='<p class="chose-inventory" style="color:red;">(库存不足)</p>';
												$('.chose-inventory').html(attr);
//												alert('该尺码缺货，请重新选择！');
												$('.change-num').hide();
												$('.addshop').hide();
											}else{
												var attr='';
												attr+='<p class="chose-inventory" >(库存: '+phpData+')</p>';
												attr+='<input type="hidden"  name="inventory"  value="'+phpData+'" />';
												$('.chose-inventory').html(attr);
												$('.change-num').show();
												$('.addshop').show();	
											}
											
										}										
									});
								})													
							})			
		</script>
		<script type="text/javascript">
			$(function(){
				
				$('#add-num').click(function(){
					num=parseInt($('.chose-num').val());
//									alert(num);									
					num=num+1;
					if(num<=0){num=0;}
					$('.chose-num').val(num);
				})

				$('#raduce-num').click(function(){
					num=parseInt($('.chose-num').val());
//									alert(num);									
					num=num-1;
					if(num<=0){num=0;}
					$('.chose-num').val(num);
				})
				
				$('.addshop').click(function(){
					alert('添加到购物车成功');
				})
			})
		</script>			

		
<footer>
			<div class="iconfoot">
				<span>100% 品牌正品</span>
				<span>7天 无理由退换货</span>
				<span>便捷 在线客服</span>
			</div>
			<div class="footer-help">
				<div class="foot_list">
					<ul>新手指南
						<li><a href="">注册登录</a></li>
						<li><a href="">选购商品</a></li>
						<li><a href="">订单支付</a></li>
						<li><a href="">收货退款</a></li>
					</ul>
				</div>
				<div class="foot_list">
					<ul>新手指南
						<li><a href="">注册登录</a></li>
						<li><a href="">选购商品</a></li>
						<li><a href="">订单支付</a></li>
						<li><a href="">收货退款</a></li>
					</ul>
				</div>
				<div class="foot_list">
					<ul>新手指南
						<li><a href="">注册登录</a></li>
						<li><a href="">选购商品</a></li>
						<li><a href="">订单支付</a></li>
						<li><a href="">收货退款</a></li>
					</ul>
				</div>
				<div class="foot_list">
					<ul>新手指南
						<li><a href="">注册登录</a></li>
						<li><a href="">选购商品</a></li>
						<li><a href="">订单支付</a></li>
						<li><a href="">收货退款</a></li>
					</ul>
				</div>
				<div class="foot_list">
					<ul>新手指南
						<li><a href="">注册登录</a></li>
						<li><a href="">选购商品</a></li>
						<li><a href="">订单支付</a></li>
						<li><a href="">收货退款</a></li>
					</ul>
				</div>
				<div class="foot_list">
					<ul>新手指南
						<li><a href="">注册登录</a></li>
						<li><a href="">选购商品</a></li>
						<li><a href="">订单支付</a></li>
						<li><a href="">收货退款</a></li>
					</ul>
				</div>				
			</div>
			<div class="footer-link">
					<img src="./public/admin/images/credit-flag3.png"/>
					<img src="./public/admin/images/isc2.png"/>
					<div class="about-us">
						<p>
                            <a href="http://www.yohobuy.com">返回首页</a>
                            <span>|</span>
                            <a href="http://www.yohobuy.com/yohobuy.html">YOHO!BUY 有货</a>
                            <span>|</span>
                            <a href="http://www.yohobuy.com/newpower.html">新力传媒</a>
                            <span>|</span>
                            <a href="http://www.yohobuy.com/contact.html">联系我们</a>
                            <span>|</span>
                            <a href="http://shop.yohobuy.com/settled">商家入驻</a>
                            <span>|</span>
                            <a href="http://www.yohobuy.com/privacy.html">隐私条款</a>
                            <span>|</span>
                            <a href="http://www.yohobuy.com/link.html">友情链接</a>
                        </p>
                        <p>
                            CopyRight © 2007-2016 南京新与力文化传播有限公司
                            <a class="rbg6" href="http://www.miibeian.gov.cn/" target="_blank">苏ICP备09011225号</a>
                            NewPower Co. 版权所有 经营许可证编号：苏B2-20120395
                        </p>
					</div>
			</div>
		</footer>
	</body>
</html>
